html {
    font-size: 62.5%;
}
body {
    font-size: 1.6rem;
    margin: 0rem;
}

.el-mt-10 {
    margin-top: 1rem !important;
}
.el-mt-15 {
    margin-top: 1.5rem !important;
}
.el-mt-20 {
    margin-top: 2rem !important;
}
.el-mt-30 {
    margin-top: 3rem !important;
}
.el-mb-10 {
    margin-bottom: 1rem !important;
}
.el-mb-15 {
    margin-bottom: 1.5rem !important;
}
.el-mb-20 {
    margin-bottom: 2rem !important;
}
.el-mb-30 {
    margin-bottom: 3rem !important;
}
.el-mtb-20 {
    margin: 2rem 0rem !important;
}

.el-ml-10 {
    margin-left: 1rem !important;
}
.el-ml-15 {
    margin-left: 1.5rem !important;
}
.el-ml-20 {
    margin-left: 2rem !important;
}
.el-ml-30 {
    margin-left: 3rem !important;
}
.el-mr-10 {
    margin-right: 1rem !important;
}
.el-mr-15 {
    margin-right: 1.5rem !important;
}
.el-mr-20 {
    margin-right: 2rem !important;
}
.el-mr-30 {
    margin-right: 3rem !important;
}

.el-pr-10 {
    padding-right: 1rem !important;
}
.el-pr-15 {
    padding-right: 1.5rem !important;
}
.el-pr-20 {
    padding-right: 2rem !important;
}
.el-pr-30 {
    padding-right: 3rem !important;
}

.el-float-right {
    float: right;
}

.el-width-40vw {
    width: 40vw;
}
.el-width-50vw {
    width: 50vw;
}
.el-width-60vw {
    width: 60vw;
}


.el-pointer {
    cursor: pointer;
}
.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
}

.avatar {
    width: 178px;
    height: 178px;
    display: block;
}
